@import "./el-ui.css";
@import "./font.css";
:root:root {
    --primary-color: #007bff;
}

.dark {
    --primary-color: #343a40;
}

body, html, #app {
    height: 100%;
    margin: 0;
    padding: 0;
}

.text-primary{
    color: var(--el-color-primary);
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
    background-color: #787878;
}

.dark {
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
        background-color: #151518;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #bfbfbf;
    }
    ::-webkit-scrollbar-thumb:hover,
    ::-webkit-scrollbar-thumb:active {
        background-color: #A3A6AD;
    }
}
html,body,#app {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: puHuiTi, sans-serif, "Helvetica Neue",Helvetica,Arial,sans-serif,'Segoe UI Emoji';
}

.query-loading{
    .el-loading-spinner {
        top: 50%;
        left: 50%;
        margin-left: -55px;
        background: rgba(0, 0, 0, 0.7);
        padding: 20px;
        border-radius: 4px;
        width: auto;
        text-align: center;
        position: absolute;

        i {
            color: #eee;
        }

        .el-loading-text {
            color: #eee;
        }
    }
}
